<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>

    <!-- Plugin CSS -->
    <link type="text/css" href="css/OverlayScrollbars.css" rel="stylesheet"/>
    <!-- jQuery JS -->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
    <!-- Plugin JS -->
    <script type="text/javascript" src="js/OverlayScrollbars/jquery.overlayScrollbars.js"></script>

    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/main_css.css"/>
    <script src="js/rcookie.js"></script>
    <script src="js/util.js"></script>
    <script src="js/main_js.js"></script>

    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
</head>
<body>

<div class="main_contain">

    <div class="container">
        <p style="height: 500px">asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
        <p>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
            asdfasdfasdfasdf</p>
    </div>
    <!--底部导航-->
    <div class="bottom_nav">
        <a id="nav_home" class="bottom_nav_item" href="javascript:void(0)">
            <i class="nav_home"></i>
            <span>首页</span>
        </a>
        <a id="nav_message" class="bottom_nav_item" href="javascript:void(0)">
            <i class="nav_message"></i>
            <span>消息</span>
        </a>
        <a class="bottom_nav_item">
        </a>
        <a id="nav_found" class="bottom_nav_item" href="javascript:void(0)">
            <i class="nav_found"></i>
            <span>发现</span>
        </a>
        <a id="nav_me" class="bottom_nav_item" href="javascript:void(0)">
            <i class="nav_me"></i>
            <span>我</span>
        </a>
    </div>

    <!--中间凸起-->
    <a class="nav_center" href="javascript:void(0)"></a>

    <!--凸起菜单背景-->
    <div class="nav_center_dialog_wrapper">
    </div>
    <!--凸起菜单-->
    <div class="nav_center_dialog">
        <div class="nav_center_dialog_item">
            <a id="video" class="nav_dialog_sub_item" href="javascript:void(0)">
                <i class="nav_dialog_sub_item_video"></i>
                <span>短视频</span>
            </a>
            <a id="game" class="nav_dialog_sub_item" href="javascript:void(0)">
                <i class="nav_dialog_sub_item_game"></i>
                <span>发起游戏</span>
            </a>
            <a id="guangchang" class="nav_dialog_sub_item" href="javascript:void(0)">
                <i class="nav_dialog_sub_item_gc"></i>
                <span>红包广场</span>
            </a>
        </div>
        <div class="nav_center_dialog_item"><a href="javascript:void(0)"><i
                class="nav_center_dialog_cancel"></i></a>
        </div>
    </div>
</div>
</body>
</html>